<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>体检卡列表</title>
    <link rel="stylesheet" type="text/css" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="${rootPath}/static/css/testCard.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">我的体检卡</h1>
    <span class="mui-btn-link mui-pull-right qy-text-black">添加</span>
</header>
<div class="mui-content">
    <div class="mui-row qy-padding-horizontal-30px qy-margin-horizontal-30px">
        <div class="mui-col-xs-12">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div style="width:90%;" class="swiper-slide qy-text-center qy-padding-horizontal-20px">
                        <img src="${rootPath}/static/imgs/testcard.png" width="95%" class="card" />
                    </div>
                    <div style="width:90%;" class="swiper-slide qy-text-center qy-padding-horizontal-20px">
                        <img src="${rootPath}/static/imgs/testcard.png" width="95%" class="card"  />
                    </div>
                    <div style="width:90%;" class="swiper-slide qy-text-center qy-padding-horizontal-20px">
                        <img src="${rootPath}/static/imgs/testcard.png" width="95%" class="card"  />
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <div class="mui-row qy-bg-white qy-padding-left-12px">
        <div class="mui-col-xs-12 qy-font-size-18px qy-padding-horizontal-16px qy-border-bottom qy-padding-right-12px qy-flex qy-flex-text-between">
            <span class="qy-text-gray ">体检卡号</span>
            <span class="qy-text-black">5202 0333</span>
        </div>
        <div class="mui-col-xs-12 qy-font-size-18px qy-padding-horizontal-16px qy-border-bottom qy-padding-right-12px qy-flex qy-flex-text-between">
            <span class="qy-text-gray ">余额</span>
            <span class="qy-text-black">&yen;2000.00</span>
        </div>
        <a href="/testCardDetail.do" class="qy-block mui-col-xs-12 qy-font-size-18px qy-padding-horizontal-16px qy-border-bottom qy-padding-right-12px qy-flex qy-flex-text-between">
            <span class="qy-text-gray">交易记录</span>
            <span class="qy-text-black">明细<i class="mui-icon mui-icon-arrowright"></i></span>
        </a>
    </div>
    <div class="mui-row qy-padding-vertical-12px qy-margin-horizontal-30px qy-padding-top-24px">
        <a class="qy-block qy-bg-blue qy-text-white qy-border-radius-30px qy-padding-horizontal-14px qy-font-size-18px qy-text-center">充值</a>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/testCard.js"></script>
